<html class="x-admin-sm">
  <head>
    <meta charset="UTF-8">
    <title>欢迎页面-X-admin2.1</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <link rel="stylesheet" href="./css/font.css">
    <link rel="stylesheet" href="./css/xadmin.css">
    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script type="text/javascript" src="./lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="./js/xadmin.js"></script>
    <script type="text/javascript" src="./js/cookie.js"></script>
    <link rel="stylesheet" type="text/css" href="layui/css/layui.css"/>
	<script src="layui/layui.js" type="text/javascript" charset="utf-8"></script>
    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    <!--[if lt IE 9]>
      <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
      <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  
  <body>
    <div class="x-nav">
      <span class="layui-breadcrumb">
        <a href="">首页</a>
        <a href="">演示</a>
        <a>
          <cite>导航元素</cite></a>
      </span>
      <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" href="javascript:location.replace(location.href);" title="刷新">
        <i class="layui-icon" style="line-height:30px">ဂ</i></a>
    </div>
    <div class="x-body">
      <div class="layui-row">
        <form class="layui-form layui-col-md12 x-so">
          <input class="layui-input"  autocomplete="off" placeholder="开始日" name="start" id="start">
          <input class="layui-input"  autocomplete="off" placeholder="截止日" name="end" id="end">
          <input type="text" name="username"  placeholder="请输入用户名" autocomplete="off" class="layui-input">
          <button class="layui-btn"  lay-submit="" lay-filter="sreach"><i class="layui-icon">&#xe615;</i></button>
        </form>
      </div>
      <xblock>
        <button class="layui-btn layui-btn-danger" onclick="delAll()"><i class="layui-icon"></i>批量删除</button>
        <button class="layui-btn" onclick="x_admin_show('添加用户','./member-add.html',600,400)"><i class="layui-icon"></i>添加</button>
        <span class="x-right" style="line-height:40px">共有数据：88 条</span>
      </xblock>
      <table class="layui-table" id="tab" lay-filter="tfil"></table>
     

    </div>
    
    
    <script type="text/html" id="barDemo">
  <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看</a>
  <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
  <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>

</script>

<script>		
		
			layui.use(['table','form','laydate','tree'],function(){
				var table=layui.table,
					form=layui.form,
					$=layui.$,
					tree=layui.tree,
					laydate=layui.laydate;
					
				laydate.render({ 
					  elem: '#addTime'
					  ,type: 'year'
					  ,width:500
					});

				table.render({
					elem:'#tab',
					url:'find',
					method:'Get',
					page:true,
					toolbar:'#top',
					cols:[[
						{field:'id',title:'ID'},
						{field:'cardno',title:'卡号'},
						{title:'身份编号',templet:'<div>{{d.membershipids.department}}</div>'},
						{field:'name',title:'姓名'},
						{field:'sex',title:'性别'},
						{field:'status',title:'状态'},
						{field:'stuno',title:'待定'},
						{title:'操作工具栏',toolbar: '#barDemo'}
						
					]],id:'ttt'
				});
				
				//渲染
			    var inst1 = tree.render({
			      elem: '#test1'  //绑定元素
			      ,data: [{
			        title: '江西' //一级菜单
			        ,children: [{
			          title: '南昌' //二级菜单
			          ,children: [{
			            title: '高新区' //三级菜单
			            //…… //以此类推，可无限层级
			          }]
			        }]
			      },{
			        title: '陕西' //一级菜单
			        ,children: [{
			          title: '西安' //二级菜单
			        }]
			      }]
			    });
				
				
			   
				/* $(function(){
					$.post('getType',{},function(data){
						var h='';
						for (var i = 0; i < data.length; i++) {
							h+='<option value="'+data[i].tid+'">'+data[i].tname+'</option>';
						}
					
						$("select").append(h);
						form.render('select');
					})
				}) */
				
				active={
					reload:function(){
						table.reload('ttt',{
							where:{
								'vname':$("#name").val(),
								'tid':$("#type1").val(),
								
							}
						})
					}
				}
				
				$("#search").click(function(){
					active.reload();
				});
				
				table.on("toolbar(tfil)",function(obj){
					if(obj.event=="add"){
						layer.open({
							type:1,
							title:'添加',
							content:$("#addDiv"),
							area:['550px','600px']
						})
					}
				});
				
				form.verify({
					vname:function(value, item){
						if(value.length>20){
							return '视频名称不能超过20个字符';
						}
					}
				});

				 form.on('submit(test)',function(){
					var data=$("#addForm").serialize();
					
					$.post('video',data,function(res){
						if(res>0){
							active.reload();
							layer.closeAll();
							layer.msg("添加成功！");
						}
					},"json")
					
				}) 
				
				//监听行工具事件
				  table.on('tool(tfil)', function(obj){ //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
				    var data = obj.data //获得当前行数据
				    ,layEvent = obj.event; //获得 lay-event 对应的值
				    if(layEvent === 'detail'){
				      layer.msg('查看操作');
				    } else if(layEvent === 'del'){
				    	var vid=data.vid;
				    	/* $.post('delVideo',{'vid':data.vid},function(res){
							if(res>0){
								active.reload();
								
								layer.msg("删除成功！");
							}
						},"json") */
						$.ajax({          
					       	 url:"video", 
					         dataType:"json",  
					         type:"delete", 
					         data:{"vid":vid},
					         success:function(data){
					        	 active.reload();
					         },      
					         error:function(){
					        	 
					         }
					});
				
						
						
						
						
						
				    } else if(layEvent === 'edit'){
				    	form.val("updateForm",data);
				    	layer.open({
							type:1,
							title:'修改',
							content:$("#updateDiv"),
							area:['550px','600px']
						})
				    }
				  });
				$("#updateBtn").click(function(){
					
					var data=$("#updateForm").serialize();
				
					alert(data);
					$.ajax({          
				       	 url:"video", 
				         dataType:"json",  
				         type:"put", 
				         data:$("#updateForm").serialize(),
				         success:function(data){
				        	 active.reload();
				         },      
				         error:function(){
				        	 
				         }
				});
			
					
					
					
					
				}) 
			
			})
		</script>
    <script>
      layui.use('laydate', function(){
        var laydate = layui.laydate;
        
        //执行一个laydate实例
        laydate.render({
          elem: '#start' //指定元素
        });

        //执行一个laydate实例
        laydate.render({
          elem: '#end' //指定元素
        });
      });

       /*用户-停用*/
      function member_stop(obj,id){
          layer.confirm('确认要停用吗？',function(index){

              if($(obj).attr('title')=='启用'){

                //发异步把用户状态进行更改
                $(obj).attr('title','停用')
                $(obj).find('i').html('&#xe62f;');

                $(obj).parents("tr").find(".td-status").find('span').addClass('layui-btn-disabled').html('已停用');
                layer.msg('已停用!',{icon: 5,time:1000});

              }else{
                $(obj).attr('title','启用')
                $(obj).find('i').html('&#xe601;');

                $(obj).parents("tr").find(".td-status").find('span').removeClass('layui-btn-disabled').html('已启用');
                layer.msg('已启用!',{icon: 5,time:1000});
              }
              
          });
      }

      /*用户-删除*/
      function member_del(obj,id){
          layer.confirm('确认要删除吗？',function(index){
              //发异步删除数据
              $(obj).parents("tr").remove();
              layer.msg('已删除!',{icon:1,time:1000});
          });
      }



      function delAll (argument) {

        var data = tableCheck.getData();
  
        layer.confirm('确认要删除吗？'+data,function(index){
            //捉到所有被选中的，发异步进行删除
            layer.msg('删除成功', {icon: 1});
            $(".layui-form-checked").not('.header').parents('tr').remove();
        });
      }
    </script>
    <script>var _hmt = _hmt || []; (function() {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?b393d153aeb26b46e9431fabaf0f6190";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
      })();</script>
  </body>

</html>